.custom-panel {
  position: absolute;
  top: 78px;
  right: 54px;
  width: 296px;
  background: linear-gradient(180deg, rgba(55, 59, 76, 0.88) 0%, rgba(19, 26, 47, 0.88) 100%);
  border-radius: 4px;
  border: 1px solid rgba(#ffffff, 0.2);
  z-index: 99;
  text-align: left;
  &-title {
    padding-left: 16px;
    padding-right: 16px;
    height: 54px;
    line-height: 54px;
    color: #ffffff;
    font-size: 16px;
    user-select: none;
    &-close {
      float: right;
      margin-top: 20px;
      cursor: pointer;
    }
    &-divider {
      height: 1px;
      background: rgba(255, 255, 255, 1);
      opacity: 0.1;
    }
  }
  &-body {
    position: relative;
    width: 100%;
    overflow: auto;
    padding: 16px;
    // padding-top: 16px;
    // padding-left: 16px;
    // margin-top: 16px;
    // margin-bottom: 16px;
    // padding-bottom: 16px;
    // 给react js scroll 留出右侧空间
    padding-right: 0;

    &::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 6px;
      // eslint-disable-next-line
      -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
      background: rgba(#fff, 0.3);
    }
    &::-webkit-scrollbar-track {
      // eslint-disable-next-line
      -webkit-box-shadow: 0;
      border-radius: 0;
      background: #302e38;
    }
    &::-webkit-scrollbar-corner {
      border-radius: 0;
      background: #302e38;
    }
  }
  &-footer {
  }

  // 自动影藏滚动条
  .auto-hide-scrollbar {
    .thumb-container {
      visibility: hidden;
    }
    &:hover {
      .thumb-container {
        visibility: visible;
      }
    }
  }

  .no-padding {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
